<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:decorate template="/resources/template/modelo.xhtml">
        <ui:define name="centro">

            <h:form id="formCurso">
                <p:dataTable value="#{trabalhoGSBean.trabalhos}" var="t" rowKey="#{t.id}"  paginator="true" rows="15" >
                    <f:facet name="header">  
                        Lista de Trabalho em Gestão Social Cadastrados
                    </f:facet>  
                    <p:column headerText="Tipologia e Titulo " style="text-align:center;width: 40%;" >
                        <h:outputText value="#{t.tipologia} - #{t.titulo}"  escape="false" />

                    </p:column>

                    <p:column headerText="Autores" style="text-align:center;white-space: normal;width: 50%" >
                        <h:outputText value="#{t.autores.toString()}" />
                    </p:column>

                    <p:column headerText="Ações" style="text-align:center;white-space: normal;width: 10%">
                        <p:panelGrid columns="3" style="text-align:center">
                            <p:commandButton  action="#{trabalhoGSBean.selecionarTrabalhoEdicao()}"   icon="ui-icon-pencil" ajax="false" >
                                <f:setPropertyActionListener value="#{t}" target="#{trabalhoGSBean.trabalhoSelecionado}" /> 
                            </p:commandButton>

                            <p:commandButton   icon="ui-icon-trash" ajax="false" />

                            <p:commandButton icon="ui-icon-search" update=":formCurso:display"  oncomplete="cD.show()" >
                                <f:setPropertyActionListener value="#{c}" target="#{cursoBean.cursoSelecionado}" /> 
                            </p:commandButton>  


                        </p:panelGrid>
                    </p:column>

                </p:dataTable>
                <p:panelGrid columns="1" style="text-align: center;font-size: 16px" >
                    <h:commandLink action="cadastro.xhtml?faces-redirect=true"  >  
                        <h:outputText value="Click aqui para adicionar um novo Trabalho em Gestão Social" />  
                    </h:commandLink>  

                </p:panelGrid>



                <p:dialog id="dialog" header="Visualizar Informações do Curso" widgetVar="cD" width="1200" height="600"   >  

                    <div align="center" >
                        <h2>Informações do Curso</h2>
                    </div>

                    <p:panel id="display" footer="Observatório da Formação em Gestão Social" style="text-align: left;width: 100%"  >  
                        <div align="left" >
                            <p>
                                <h3><b>Nome do Curso:  </b> <h:outputText value="#{cursoBean.cursoSelecionado.nome}"  /></h3><br/>
                                <b>Tipologia: </b> <h:outputText value="#{cursoBean.cursoSelecionado.tipologia}" /><br/>
                                <b>Instituição: </b> <h:outputText value="#{cursoBean.cursoSelecionado.instituicao.nome}" /><br/>
                                <b>Periodicidade atual da Oferta de vagas: </b> <h:outputText value="#{cursoBean.cursoSelecionado.periodicidadeOferta}"/><br/>
                                <b>Site do Curso: </b> <h:outputText value="#{cursoBean.cursoSelecionado.site}" /><br/>
                                <b>Tipo de Processo Seletivo: </b> <h:outputText value="#{cursoBean.cursoSelecionado.processoSeletivo}"/><br/>
                                <b>Ano de Início de Oferta do Curso: </b> <h:outputText value="#{cursoBean.cursoSelecionado.anoInicioCurso}"/><br/>
                                <b>Número de Vagas por Período: </b> <h:outputText value="#{cursoBean.cursoSelecionado.numeroDeVagas}"/><br/>
                                <b>Duração Atual do Curso (semestres): </b><h:outputText value="#{cursoBean.cursoSelecionado.duracaoDoCurso}" /><br/><br/>
                            </p>
                            <p:panel header="Corpo Cocente" >
                                <h3><b>Composição:</b></h3>
                                <b>Doutorado: </b> <h:outputText value="#{cursoBean.cursoSelecionado.quantidadeDoutores}" /><br/>
                                <b>Mestrado: </b>    <h:outputText value="#{cursoBean.cursoSelecionado.quantidadeMestres}" /><br/>
                                <b>Especialização: </b> <h:outputText value="#{cursoBean.cursoSelecionado.quantidadeEspecialistas}" /><br/>
                                <b>Graduação: </b> <h:outputText value="#{cursoBean.cursoSelecionado.quantidadeGraduados}" /><br/>

                                <h3><b>Docentes Cadastrados: </b></h3>
                                <p:dataList value="#{cursoBean.cursoSelecionado.professores}" var="prof" itemType="circle">
                                    <b> #{prof.nome}  </b>
                                </p:dataList>  

                            </p:panel>
                            <br/>
                            <p:panel header="Projeto Político-pedagógico (PPP)" rendered="#{cursoBean.cursoSelecionado.ppps.size() != 0}" >
                                <p:dataList value="#{cursoBean.cursoSelecionado.ppps}" var="ppp" itemType="disc" >

                                    <b>Tipo de Trabalho Final: </b>     
                                    <b>Data da Aprovação: </b>  <h:outputText value="#{ppp.dataAprovacao}" >
                                        <f:convertDateTime pattern="dd/MM/yyyy" /> 
                                    </h:outputText> <br/>
                                    <b>Matriz Curricular: </b> <p:commandButton value="Ver" update=":formCurso:display2"  oncomplete="dI.show()" rendered="#{ppp.matrizCurricular.id > 0}" >
                                        <f:setPropertyActionListener value="#{ppp.matrizCurricular.id}" target="#{cursoBean.pppSelecionado.matrizCurricular.id}" /> 
                                    </p:commandButton>
                                    <br/>
                                    <b>Download Pdf: </b>
                                    <p:commandButton id="downloadLink"  value="Download" ajax="false" onclick="PrimeFaces.monitorDownload(start, stop)"  rendered="#{ppp.pdf.conteudo != null}">  
                                        <p:fileDownload value="#{ppp.file}" />  
                                    </p:commandButton>

                                </p:dataList>

                            </p:panel>
                            <br/>

                            <p:panel header="Coordenações" rendered="#{cursoBean.cursoSelecionado.coordenacoes.size() != 0}">

                                <p:dataList value="#{cursoBean.cursoSelecionado.coordenacoes}" var="coord" itemType="disc" >

                                    <b>Coordenador: </b> <h:outputText value="#{coord.coordenador.nome}" /> <br/>     
                                    <b>Data de Início: </b>  <h:outputText value="#{coord.dataInicio}" >
                                        <f:convertDateTime pattern="dd/MM/yyyy" /> 
                                    </h:outputText> <br/>
                                    <b>Data do Término: </b>  <h:outputText value="#{coord.dataFim}" >
                                        <f:convertDateTime pattern="dd/MM/yyyy" /> 
                                    </h:outputText> <br/>
                                    <b>Relato da Experiência: </b> <p:commandButton value="Ver" update=":formCurso:display3"  oncomplete="dC.show()" >
                                        <f:setPropertyActionListener value="#{coord.experiencia}" target="#{cursoBean.coordenacaoSelecionada.experiencia}" /> 
                                    </p:commandButton>


                                </p:dataList>

                            </p:panel>
                            <br/>

                            <p:panel header="Avaliações" rendered="#{cursoBean.cursoSelecionado.avaliacoesMEC.size() != 0}" >
                                <p:dataList value="#{cursoBean.cursoSelecionado.avaliacoesMEC}" var="ava" itemType="disc" >

                                    <b>Período: </b> De <h:outputText value="#{ava.anoInicio}" /> até <h:outputText value="#{ava.anoFim}" />  <br/>     
                                    <b>Nota: </b>  <h:outputText value="#{ava.nota}" /> <br/>

                                    <b>Data do Término: </b>  <h:outputText value="#{coord.dataFim}" >
                                        <f:convertDateTime pattern="dd/MM/yyyy" /> 
                                    </h:outputText> <br/>
                                    <b>Download Pdf: </b>
                                    <p:commandButton id="downloadLink"  value="Download" ajax="false" onclick="PrimeFaces.monitorDownload(start, stop)"  rendered="#{ava.pdf.conteudo != null}">  
                                        <p:fileDownload value="#{ava.file}" />  
                                    </p:commandButton>


                                </p:dataList>

                            </p:panel>
                            <br/>

                            <p:panel header="Monitoração de ingressos e egressos" rendered="#{cursoBean.cursoSelecionado.engressosCursos.size() != 0}" >
                                <p:dataList value="#{cursoBean.cursoSelecionado.engressosCursos}" var="egre" itemType="disc" >

                                    <b>Período: </b> <h:outputText value="#{egre.periodo}" />  <br/>     
                                    <b>Quantidade de ingressos: </b>  <h:outputText value="#{egre.ingressos}" /> <br/>
                                    <b>Quantidade de Egressos: </b>  <h:outputText value="#{egre.egressos}" /> <br/>
                                    <b>Duração do Curso: </b> <h:outputText value="#{egre.duracao} semestres" /> <br/>
                                </p:dataList>

                            </p:panel>




                        </div>

                    </p:panel>



                    <br/>
                    <br/>
                    <div align="center"><h3>Observatório da Formação em Gestão Social</h3></div>



                    <div align="center">
                        <p:commandButton value="Imprimir" type="button" icon="ui-icon-print">  
                            <p:printer target="display" />  
                        </p:commandButton>  
                    </div>

                </p:dialog>


            


            </h:form>

            <script type="text/javascript">  
                function start() {  
                    PF('statusDialog').show();  
                }  
  
                function stop() {  
                    PF('statusDialog').hide();  
                }  
            </script>  





        </ui:define>
    </ui:decorate>
</html>

